<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <!-- <link rel="stylesheet" href="./css/font.css"> -->
  <link rel="stylesheet" href="./css/font-awesome.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./css/cate.css">
  <link rel="stylesheet" href="./fonts/font/iconfont.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
  <link rel="stylesheet" href="./css/cate.css">

  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="layui-fluid ">
    <!-- <div class="layui-row layui-col-space15">
      这是广告位列表、修改、删除、增加
    </div> -->
    <!-- 卡片区域 -->
    <div class="layui-card-body">
      <!-- 筛选区域 -->
      <form class="layui-form" id="form">
        <!-- 分类名称 -->
        <div class="cate-name">
          <span style="font-size: 14px;"><strong>分类名称</strong></span>
          <input type="text" name="" placeholder="请输入分类名称" class="layui-input" id="searchIpt"
            style="width: 200px; height: 32px;  display: inline-block; border-radius: 4px; margin-left: 5px;">
          <button type="button" class="layui-btn layui-icon layui-icon-search layui-btn-normal"
            style="width: 70px; margin-left: 8px;" id="searchBtn"> 搜索</button>
          <button type="button" class="layui-btn layui-icon layui-icon-refresh layui-btn-primary" style="width: 70px;"
            id="resetBtn">
            重置</button>
        </div>
        <div class="layui-form-item zrj">
          <div class="layui-inline" style="margin-top: 15px;flex: 1;">
            <!-- 分类管理的新增和导出按钮 -->
            <button class="layui-btn layui-btn-primary layui-border-blue" style="width: 70px;" id="addBtn"> 新增</button>
            <!-- <button class="layui-btn layui-btn-primary layui-border-orange" style="width: 70px; margin-left: 8px;" -->
              <input type="button" class="layui-btn layui-btn-primary layui-border-orange" style=" color: #fe693a; border-color: #fe693a; width: 70px; margin-left: 8px;" id="export" value="导出" />         
          </div>
          <ul class="right">
            <li class="iconfont icon-shangjiantou" id="hide"></li>
            <li class="iconfont icon-shuaxin" id="flushed"></li>
            <li class="iconfont icon-yingyongchengxu"></li>
          </ul>
        </div>
      </form>

      <!-- 表格区域 -->
      <table class="layui-table" id="tables">
        <colgroup>
          <col width="10">
          <col width="280">
          <col width="280">
          <col width="280">
          <col width="">
          <col>
        </colgroup>
        <thead>
          <tr>
            <th><strong>#</strong></th>
            <th><strong>分类ID</strong></th>
            <th><strong>分类名称</strong></th>
            <th><strong>图标class</strong></th>
            <th><strong>权重</strong></th>
            <th style="text-align: center;"><strong>操作</strong></th>
          </tr>
        </thead>
        <tbody id="list">
          <!-- <tr>
            <td>大圣美猴王</td>
            <td>666</td>
            <td>2023-06-13 00:45:48.908</td>
            <td>已发布</td>
            <td>15</td>
            <td id="btn" style="text-align: center;">
              <button type="button" class="layui-btn layui-btn-xs btn_edit"
                style="width: 30px; border-radius: 50%; padding: 0 8px; background-color: #1e9fff;">
                <i class="layui-icon layui-icon-edit"></i>
              </button>
              <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn_delete"
                style="width: 30px; border-radius: 50%; padding: 0 8px;">
                <i class="layui-icon layui-icon-delete"></i>
              </button>
            </td>
          </tr> -->

        </tbody>
      </table>

      <!-- 分页区域 -->
      <div id="page-box"></div>

    </div>
  </div>
</body>
<script>
</script>

<script src="./common/axios.js"></script>
<script src="./common/jquery.js"></script>
<script src="./common/axiosBaseUrl.js"></script>
<script src="./js/cate.js"></script>
<script src="./js/FileSaver.min.js"></script>
<script src="./js/tableExport.min.js"></script>

</html>